<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>Lotus</title>

  <meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

  <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->



<link href='http://fonts.googleapis.com/css?family=Rouge+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css'>


 
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<link rel="stylesheet" media="screen" href="css/camera.css" />
		
		
</head>

<body>


<div class="sliderbg">


<div class="phone">
<p>Contact Phone: +99 861 440 210</p>
</div>


<header class="menuwrapperdesktop">

<div class="container">
<div class="row">


<section class="logo span3">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>


<nav class="menudesktop span9">
  
<ul id="menu">
<li class="menu1">
		<a class="mainmenu" href="index-2.html">Home</a>
		<ul>
<li><a href="index-2.html">Home Paralax</a></li>
<li><a href="index2.html">Home Paralax 2</a></li>      
<li><a href="index3.html">Home Camera</a></li>   
					
		</ul>
	</li>
	

<li class="menu1">
		<a class="mainmenu" href="about.html">About</a>
		<ul>
			
			<li><a href="about.html">About Us</a></li>
			  <li><a href="about2.html">About Us 2</a></li>                      
			
		</ul>


	</li>
	<li class="menu1">
		<a class="mainmenu" href="#">Pages</a>
		<ul>
			
			<li><a href="services.html">Services</a></li>
			  <li><a href="special.html">Special</a></li>                      
			
		</ul>
	</li>
<li class="menu1">
		<a class="mainmenu" href="gallery1.html">portfolio</a>
		<ul>
			
			<li><a href="gallery1.html">Gallery 1</a></li>
			  <li><a href="gallery2.html">Gallery 2</a></li>                      
			
		</ul>
	</li>
            <li class="menu1">
                <a class="mainmenu" href="blog.html">Blog</a>
		<ul>
                 <li><a href="blog.html">Blog</a></li>
			  <li><a href="blogdetails.html">Blog details</a></li>     
		</ul>
	</li>

     <li class="menu1">
                <a class="mainmenu mainmenulast" href="contact.html">contact</a>
		<ul>
		</ul>
	</li>
            

</ul>

</nav>  


</div>  </div>  
 </header>  <!--/menudesktop end--> 




<header class="menuwrappermobile">
<div class="container">
<div class="row">


<section class="span12 logo">
<a href="#"><img src="images/logo.png" alt="logo"></a>
</section>
 </div> 

<div class="row">

  
<nav class="menuwrappermobile">

<div class="accordion span12" id="mycolapsible">

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseOne">
Homepages
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
<a href="index-2.html">Home Paralax</a>
</div>
<div class="accordion-inner">
<a href="index2.html">Home Paralax 2</a>
</div>
<div class="accordion-inner">
<a href="index3.html">Home Camera</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseTwo">
About
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
<a href="about.html">About us</a>
</div>
<div class="accordion-inner">
<a href="about2.html">About us 2</a>
</div>


</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseThree">
Pages
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
<a href="gallery1.html">Portfolio</a>
</div>
<div class="accordion-inner">
<a href="gallery2.html">Portfolio 2</a>
</div>
<div class="accordion-inner">
<a href="special.html">Special</a>
</div>
<div class="accordion-inner">
<a href="services.html">Services</a>
</div>


</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFour">
Blog pages
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
<a href="blog.html">Blog</a>
</div>
<div class="accordion-inner">
<a href="blogdetails.html">Blog Details</a>
</div>

</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#mycolapsible" href="#collapseFive">
Contact
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
<a href="contact.html">Contact</a>
</div>


</div>
</div>


</div></nav>


 </div> 

 </div> 
 </header> 
<!--/menumbile end--> 



      <div class="camera_wrap" id="camera_wrap">
           
           <div data-thumb="images/p5.png"  data-src="images/1.png" data-time="1500" data-trasPeriod="3000" data-target="_blank">
                <div class="fadeIn cameracaption1"> 
                <h2>spa and wellness</h2>
                 <h3>premium website template</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit<span> sed diam nonummy </span>nibh euismod tincidunt ut laoreet dolore magna aliquam. 
</p>

<section class="buttoncameraslider">
<a href="#">read more</a>
</section>


          </div>
            </div>

<div data-thumb="images/p3.png" data-src="images/1.png" data-time="1500" data-trasPeriod="3000" data-target="_blank">
                <div class="fadeIn cameracaption1">

                <h2>spa and wellness</h2>
                 <h3>premium website template</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit<span> sed diam nonummy </span>nibh euismod tincidunt ut laoreet dolore magna aliquam. 
</p>

<section class="buttoncameraslider">
<a href="#">read more</a>
</section>

                </div>
            </div>


           
           <div data-thumb="images/p3.png"  data-src="images/1.png" data-time="1500" data-trasPeriod="3000" data-target="_blank">
                <div class="fadeIn cameracaption1">

                <h2>spa and wellness</h2>
                 <h3>premium website template</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit<span> sed diam nonummy </span>nibh euismod tincidunt ut laoreet dolore magna aliquam. 
</p>

<section class="buttoncameraslider">
<a href="#">read more</a>
</section>



               </div>
            </div>

           
        </div><!-- #camera_wrap -->

</div>





<div class="underslider1">



<div class="container">
<div class="row">
<div class="span12">

<h3>spa and wellness <span>premium website template</span></h3>
<p>Youth is happy because it has the capacity to see <span>beauty</span>. Anyone who keeps the ability to see beauty never grows old. 
 </p>


<section class="buttonunderslider">
<a href="#">read more</a>
</section>

</div>



</div></div></div>



<div class="container">
<div class="row">

<div class="span4 spacolumn">

<div class="spaheadline">
<h3>Spa terapy</h3>
</div>

<h6>- Lorem ipsum dolor sit amet -</h6>

<div class="circleimage1a">
<div class="circlebg">
</div>
</div>


<div class="decoration">
</div>

<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
</p>

<section class="button1">
<a href="#">read more</a>
</section>

</div><!--/span4 end--> 


<div class="span4 spacolumn">

<div class="spaheadline">
<h3>Spa terapy</h3>
</div>

<h6>- Lorem ipsum dolor sit amet -</h6>

<div class="circleimage3a">
<div class="circlebg">
</div>
</div>


<div class="decoration">
</div>

<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut. Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.
</p>

<section class="button1">
<a href="#">read more</a>
</section>

</div><!--/span4 end--> 


<div class="span4 spacolumn">


<div class="spaheadline">
<h3>Wellness</h3>
</div>

<h6>- Lorem ipsum dolor sit amet -</h6>


<div class="circleimage2a">
</div>


<div class="decoration">
</div>

<p>
Lorem ipsum dolor sit amet adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation.
</p>

<section class="button1">
<a href="#">read more</a>
</section>

</div><!--/span4 end--> 


</div><!--/row end--> 




<div class="row">
<div class="span12 box">


<div class=" buypresent1">

<div class="bxwrap1a">
<ul>
<li> 
<img src="images/smallslider1.png" alt=""/> 
<div class="pricebg"><p> $5</p></div>
</li> 
</ul> 
</div> 


<div class="buypresent1text">
<h4>
lorem ipsum dolor
</h4> 
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</p>
<a href="#">read more </a>
</div> <!--/buypresenttext end--> 

</div><!--/buypresent1 end--> 




<div class=" buypresent2">

<div class="bxwrap1a1">
<ul>
<li> 
<img src="images/smallslider1a.png" alt=""/> 
</li> 
</ul> 
</div> 


<div class="buypresent2text">
<h4>
lorem ipsum dolor
</h4> 
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.
</p>


<div class="sendgiftnow">
<a href="#">send gift now</a>
</div>

</div> <!--/buypresenttext end--> 

</div><!--/buypresent1 end--> 








</div><!--/span12 end--> 



</div><!--/row end--> 




<div class="row">


<div class="span6">



<div class="columnheadline">
<h3><span>recent news</span></h3>
</div>

<div class="row">



<div class=" span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info">
<p>14<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>
</div><!--/span6 end--> 


<div class="row">
<div class="span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<p>13<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>

</div>


<div class="row">
<div class="span6 recentnewsrow">

<a href="#" class="ch-gridwrapper">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-2">
<div class="ch-info">
<p>13<br><span>mart<br> 2013</span></p>
</div>
</div>
</li>
</ul>
</a>		

<h4>Lorem ipsum dolor</h4>
<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
</p>
</div>


</div><!--/span6 end--> 


</div>




<div class="span6">


<div class="columnheadline">
<h3><span>lorem ipsum</span></h3>
</div>


<div class="accordion1" id="accordion2">


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">
About us
</a>
</div>
<div id="collapse1" class="accordion-body collapse in">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
Business hours
</a>
</div>
<div id="collapse2" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>


<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3">
Contact
</a>
</div>
<div id="collapse3" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse4">
Reservation
</a>
</div>
<div id="collapse4" class="accordion-body collapse">
<div class="accordion-inner1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat .
</div>
</div>
</div>

</div>



</div><!--/span6 end--> 










</div>


</div> 



<footer class="footer">

<div class="container">
<div class="row">



<div class="span4">

<div class="footerheadline">
<h4>Testimonials</h4>
</div>

<div class="testimonial">
<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>
</div>


<p class="testimonialbg">
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna. "
</p>
<p  class="testimonialname">John Doe</p>

</div>


<div class="span4">

<div class="footerheadline">
<h4>Latest Tweets</h4>
</div>


<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>

<div class="tweet tweetlast">
<img src="images/twitterbird.png" alt=""/>
<p>
@green-snipe Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
</p>
<p  class="twittertime">About 2 days ago</p>
</div>


</div>

<div class="span4">

<div class="footerheadline">
<h4>Tag Cloud</h4>
</div>

<p class="blogtags">
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>
<span><a href="#">Terapy</a></span>
<span><a href="#">Massage</a></span>	
<span><a href="#">Paraffin</a></span>
<span><a href="#">Beauty</a></span>
<span><a href="#">Spa</a></span>	
<span><a href="#">Wellness</a></span>				
</p>

<div class="footerheadline1">
<h4>Newsletters</h4>
<p>Lorem ipsum dolor sit amet</p>
</div>



<div class="subscribefieldwrapper"><!--/subscribe-form--> 
<form method="post" action="http://spatheme.appspot.com/submit.php">
<div>

<input type="text" placeholder="enter your email..." name="email" id="emailsubmit" 

class="subscribefield" />

<input type="submit"  name="subscribe"  id="subscribe" value="Subscribe" class="buttonsubscribe"/>
<ul id="response1"></ul>
   

</div>
</form>

    </div><!--/subscribe-form-end--> 




</div>



</div> </div> 
</footer> 


<div class="bottom"> 

 <div class="container"> 
 <div class="row"> 
<section class="icons span4">  
   <a href="#"><div class="item"><div><i class="icontwitter"></i></div></div></a>   
  <a href="http://www.facebook.com/pages/Rayoflight/408688349185439"><div class="item"><div><i class="iconfacebook"></i></div></div></a>       
  <a href="#"><div class="item"><div><i class="icongoogle"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconrss"></i></div></div></a>  
 <a href="#"><div class="item"><div><i class="iconskype"></i></div></div></a>  
  <a href="#"><div class="item"><div><i class="iconyoutube"></i></div></div></a>  
 
</section> 


<section class="span4 copyright">  
<p>&copy; 2013. <a href="http://themeforest.net/user/miciana1417/portfolio">lotus</a> All rights reserved.</p>
</section> 


<section class="span4">  
<a href="javascript:scrollToTop()" title="top of page"><div class="topofpage"></div></a>
</section> 

 </div> </div>


</div> 



<script type="text/javascript" src="js/jquery.js"></script><!--jquery script-->
<script type="text/javascript" src="js/jquery-migrate.js"></script><!--jquery script-->


<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#camera_wrap').camera({
thumbnails:false
});
});
</script>



<script>//<![CDATA[
$('html, body').ready(function(){
jQuery('#mycollapsible').collapse("hide");
//]]></script>



<script>//<![CDATA[
function scrollToTop() {
$('html, body').animate({scrollTop:0}, 'slow');
}
//]]></script>


<script src="js/camera.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>	
<script type="text/javascript" src="js/bootstrap.js"></script>		
		

</body>
</html>
